<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>伪元素-其他伪元素</title>
    <style>
        /*
            其他伪元素
                E::first-letter 文本的第一个字母或者汉字
                E::first-line 文本第一行
                E::selection 可改变选中文本的样式 
        */

        /* 实现首字下沉效果 */
        p::first-letter {
            color: red;
            font-size: 32px;
            /* 文本环绕 */
            float: left;
        }

        /* 如果 设置了 first-letter first-letter 样式定义的首字 无法应用该样式 */
        p::first-line {
            text-decoration: underline;
        }

        /* 修改选择时的背景颜色 */
        /* 只能设置显示的样式，不能设置内容的大小 */
        p::selection {
            background-color: pink;
        }
    </style>
</head>
<body>
    <p>干瘦、黝黑、小平头，同几十年前最初进入大众视线时一样，袁隆平似乎没什么改变，即将年满九十，他也是几乎每天下田。 <br> “晚上睡前，再想想我的超级稻长得怎么样了，有没有病虫害，天气有没有干旱。”</p>

    <p>袁隆平启程来北京前，还去田里观看了稻田长势。昨天参加完共和国勋章颁授仪式，当天就返回湖南，<br> “明天还要到田里去。”他有自己的任务表单：今年向亩产1200公斤冲刺。“如果没有特大的自然灾害，有九成把握可以实现。”</p>
</body>
</html>